<template>
  <div class="app">
    <Editor v-model="state"/>
  </div>
</template>

<script>

import data from "./data.json"
import { provide, ref } from "vue"
import Editor from "@/packages/Editor";
import {registerConfig as config} from "@/utils/EditorConfig"
export default {
  components: {
    Editor
  },
  setup() {
    const state = ref(data)
    provide("config",config)
    return {
      state
    }
  }
}
</script>

<style lang="scss">
  .app{
    position: fixed;
    left: 20px;
    right: 20px;
    top:20px;
    bottom:20px
  }

</style>
